<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="css/style.css"/>
        	<link rel="stylesheet" href="assets/css/ace.min.css" />
        <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
        <link href="assets/css/codemirror.css" rel="stylesheet">
<title>无标题文档</title>
<style type="text/css">
*{margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none;}
.w15pre {
    width: 15%;
}
.w17pre {
    width: 17%;
}
.w18pre {
    width: 18%;
}
.w18pre {
    width: 18%;
}
.w20pre {
    width: 20%;
}
.w33pre {
    width: 33%;
}
.w34pre {
    width: 34%;
}
.w25pre {
    width: 25%;
}
.w40pre {
    width: 40%;
}
.w50pre {
    width: 50%;
}
.w100pre {
    width: 100%;
}
.sy_box{ padding:20px;}
.info-panel dl {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #deeffb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #deeffb;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #deeffb;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #deeffb;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 2%;
    margin-top: 30px;
    width: 31%;
	height:202px;
}
.info-panel dl:hover {
    border-bottom-color: #75ccef;
    border-left-color: #75ccef;
    border-right-color: #75ccef;
    border-top-color: #75ccef;
    box-shadow: 3px 3px 0 #deeffb;
}
.info-panel dl dt {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    text-align: center;
}
.info-panel dl dt .ico {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #75ccef;
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #75ccef;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: #75ccef;
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: #75ccef;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    border-top-style: solid;
    border-top-width: 2px;
    height: 60px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    width: 60px;
    z-index: 1;
}
.info-panel dl dt .ico i {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image:url(images/bg_position.gif);
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 32px;
    left: 50%;
    margin-bottom: auto;
    margin-left: -16px;
    margin-right: auto;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 32px;
    z-index: 1;
}
.info-panel dl.member dt .ico i {
    background-position-x: 0;
    background-position-y: 0;
}
.info-panel dl.shop dt .ico i {
    background-position-x: -32px;
    background-position-y: 0;
}
.info-panel dl.goods dt .ico i {
    background-position-x: -64px;
    background-position-y: 0;
}
.info-panel dl.trade dt .ico i {
    background-position-x: -96px;
    background-position-y: 0;
}
.info-panel dl.operation dt .ico i {
    background-position-x: -128px;
    background-position-y: 0;
}
.info-panel dl.cms dt .ico i {
    background-position-x: -160px;
    background-position-y: 0;
}
.info-panel dl dt .ico sub {
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    height: 20px;
    left: 40px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    position: absolute;
    top: -4px;
    z-index: 1;
}
.info-panel dl dt .ico sub span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-bottom-color: #75ccef;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #75ccef;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: #75ccef;
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: #75ccef;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-style: solid;
    border-top-width: 2px;
    color: #75ccef;
    display: block;
    font-family: Tahoma;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    min-width: 8px;
    padding-bottom: 0;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0;
    text-align: center;
}
.info-panel dl dt .ico sub span em {
    font-weight: 600;
}
.info-panel dl dt h3 {
    color: #75ccef;
    font-size: 24px;
    font-weight: 100;
    line-height: 30px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
}
.info-panel dl dt h5 {
    color: #75ccef;
    font-size: 12px;
    font-weight: 100;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
}
.info-panel dl dt #system-info {
    height: 55px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 96%;
    z-index: 1;
}
.info-panel dl dt ul li {
    color: #75ccef;
    font-weight: 600;
    line-height: 20px;
}
.info-panel dl dt ul li span {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 100;
    margin-left: 8px;
}
.info-panel dl dd {
    border-top-color: #deeffb;
    border-top-style: solid;
    border-top-width: 1px;
}
.info-panel dl dd ul {
    font-size: 0;
}
.info-panel dl dd li {
    border-left-color: #deeffb;
    border-left-style: solid;
    border-left-width: 1px;
    display: inline-block;
    margin-left: -1px;
    text-align: center;
}
.info-panel dl dd li a {
    color: #75ccef;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    position: relative;
    z-index: 1;
	height:40px;
}


</style>
</head>

<body>
<div class="page-content clearfix">
 <div class="alert alert-block alert-success">
  <button type="button" class="close" data-dismiss="alert"><i class="icon-remove"></i></button>
  <i class="icon-ok green"></i>欢迎使用<strong class="green">云ERP管理系统<small>(v1.1)</small></strong>,你本次登陆时间为2016年12月25日13时34分，登陆IP:192.168.1.110.	
 </div>
 </div>
<div class="sy_box">
<div class="info-panel">
<dl class="member">
      <dt>
        <div class="ico"><i></i><sub title="订单管理"><span><em id="statistics_member">10</em></span></sub></div>
        <h3>订单</h3>
        <h5>全部订单(10)个</h5>
      </dt>
      <dd>
        <ul>
          <li class="w25pre none"><a href="#">未审核订单(1)</a></li>
          <li class="w25pre none"><a href="#">未配货订单(2)</a></li>
		  <li class="w25pre none"><a href="#">已配货订单(2)</a></li>
		  <li class="w25pre none"><a href="#">发货订单(5)</a></li>
        </ul>
      </dd>
    </dl>
    <dl class="shop">
      <dt>
        <div class="ico"><i></i><sub title="商品管理"><span><em id="statistics_member">30</em></span></sub></div>
        <h3>商品</h3>
        <h5>商品总数(30)个</h5>
      </dt>
      <dd>
        <ul>
          <li class="w25pre none"><a href="#">新商品数(2)</a></li>
          <li class="w25pre none"><a href="#">推荐商品数(3)</a></li>
          <li class="w25pre none"><a href="#">积分商品(10)</a></li>
          <li class="w25pre none"><a href="#">下架商品(15)</a></li>
        </ul>
      </dd>
    </dl>
    <dl class="goods">
      <dt>
        <div class="ico"><i></i><sub title="仓库管理"><span><em id="statistics_member">3</em></span></sub></div>
        <h3>仓库</h3>
        <h5>仓库数量(3)</h5>
      </dt>
      <dd>
        <ul>
          <li class="w100pre none"><a href="#">仓库商品数(40)</a></li>
          
        </ul>
      </dd>
    </dl>
    </div>
</div>
</body>
</html>
